<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>新增商品类型</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="{{URL::asset('layui/css/layui.css')}}"  media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>

<fieldset class="layui-elem-field" style="margin-top: 20px;">
    <legend>基本信息</legend>
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">名称</label>
            <div class="layui-input-block">
                <input type="text" name="class_name" autocomplete="off" placeholder="商品类型名称" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="button" class="layui-btn" lay-submit="" lay-filter="demo1">提交</button>
                <button type="button" id="close" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </form>
</fieldset>

<script src="{{URL::asset('layui/layui.js')}}" charset="utf-8"></script>
<script src="{{URL::asset('js/jquery-3.1.1.min.js')}}"></script>
<script>
    layui.use(['form'], function(){
        var form = layui.form
            ,layer = layui.layer;

        var index = parent.layer.getFrameIndex(window.name);

        //自定义验证规则
        form.verify({
            title: function(value){
                if(value.length < 1){
                    return '标题至少得5个字符啊';
                }
            }
        });


        //监听提交
        form.on('submit(demo1)', function(data){
            var f = data.field;
            var where = {"class_name":f.class_name};
            var url = "/admin/class/list/add";
            $.post(url,where,function (d) {
                if (d.code==200){
                    layer.msg("商品类型新增成功!");
                    setTimeout(function () {
                        window.parent.location.reload();
                    },500)
                }else{
                    layer.msg("商品类型新增失败!");
                }
            });

            return false;
        });

        $('#close').click(function(){
            parent.layer.close(index);
        });

    });
</script>

</body>
</html>